<template>
  <div style="text-align: left" v-for="item in list" :key="item.title">
    <h4 class="text-size-16">{{ item.title }}</h4>
    <!-- gitee地址 -->
    <a-row v-if="item.giteeUrl">
      <a-col :span="1"></a-col>
      <a-col :span="2">Gitee</a-col>
      <a-col :span="1">：</a-col>
      <a-col :span="20"
        ><a>{{ item.giteeUrl }}</a></a-col
      >
    </a-row>
    <!-- 线上地址 -->
    <a-row v-if="item.onlineUrl">
      <a-col :span="1"></a-col>
      <a-col :span="2">线上地址</a-col>
      <a-col :span="1">：</a-col>
      <a-col :span="20"
        ><a>{{ item.onlineUrl }}</a></a-col
      >
    </a-row>
    <!-- 项目导航 -->
    <a-row v-if="resumeNavigationUrl">
      <a-col :span="1"></a-col>
      <a-col :span="2">项目导航</a-col>
      <a-col :span="1">：</a-col>
      <a-col :span="20"
        ><a>{{ resumeNavigationUrl }}</a></a-col
      >
    </a-row>

    <!-- 项目描述 -->
    <div v-if="item.describeList && item.describeList.length > 0">
      <h4 class="text-size-16">项目描述：</h4>
      <TableList :showLine="false" :list="item.describeList" />
    </div>
    <!-- 项目架构 -->
    <div v-if="item.structureList && item.structureList.length > 0">
      <h4 class="text-size-16">项目架构：</h4>
      <TableList :showLine="false" :list="item.structureList" />
    </div>
    <!-- 个人职责 -->
    <div v-if="item.dutyList && item.dutyList.length > 0">
      <h4 class="text-size-16">个人职责：</h4>
      <TableList :showLine="false" :list="item.dutyList" />
    </div>
  </div>
</template>
<script setup>
import TableList from "@/components/TableList";

// 子组件
// eslint-disable-next-line no-undef
defineProps({
  title: String,
  list: Array,
  resumeNavigationUrl: {
    type: String, // 校验类型
    required: false, // 是否必填
    default: "http://localhost:8080", // 默认值
  },
  // 分隔线颜色
  lineColor: {
    type: String, // 校验类型
    required: false, // 是否必填
    default: "#7cb305", // 默认值
  },
});
</script>

<style scoped></style>
